レイアウト構成
レイアウト構成はoptions.layout
名前空間。チャート レイアウトのグローバル オプションは次のように定義されます。Chart.defaults.global.layout
。
名前 | タイプ | デフォルト | 説明 |
---|---|---|---|
padding |
number|object |
0 |
チャート内に追加するパディング。もっと... |
パディング
この値が数値の場合、グラフのすべての側面 (左、上、右、下) に適用されます。この値がオブジェクトの場合、left
プロパティは左パディングを定義します。同様に、right
、top
とbottom
プロパティも指定できます。
チャート キャンバスの左側に 50 ピクセルのパディングを追加したいとします。次のようにします。
let chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
layout: {
padding: {
left: 50,
right: 0,
top: 0,
bottom: 0
}
}
}
});